<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<jsp:useBean id="profile" scope="request" class="dating.model.User"></jsp:useBean>
<div class="row">
	<div class="span2">
		<img src="http://placehold.it/320x320" alt="ALT NAME"
			class="pull-left span2 clearfix" style='margin-right: 10px'>
	</div>

	<div class="span8 offset1">
		<legend>Profile</legend>
		<dl class="dl-horizontal">
			<dt>Name:</dt>
			<dd>${profile.name} (${profile.username})</dd>
			
			<dt>Sex:</dt>
			<dd>${profile.sex}</dd>
			
			<dt>From:</dt>
			<dd>${profile.city}</dd>
			
			<dt>Born:</dt>
			<dd>${profile.dateOfBirth}</dd>
		
			<dt>Astral sign:</dt>
			<dd>${profile.astralSign}</dd>
		</dl>
		
		<legend>About</legend>
		<p>${profile.description}</p>

		<form method="post" action="message">
			<input type="hidden" name="recepient_id" value="${profile.id}" />
			<legend> Send Message </legend>
			<div class="controls">
				<textarea id="message" name="message_body" class="span8"
					placeholder="Your Message" rows="10"></textarea>
			</div>
			<div class="controls">
				<button id="contact-submit" type="submit"
					class="btn btn-primary input-medium pull-left">Send</button>
			</div>
		</form>
	</div>
</div>
